@import "../../../../common/static/lib/css/root.less";
.ui-digital{
  height: 75px;
  .daohao{
    width:10px;
    .inline-block();
    height: 75px;
    background: url(./image/daohao.png) no-repeat center bottom;
    position: relative;
    float: left;
  }
  .number-container{
    position: relative;
    width: 42px;
    height: 75px;
    background: #eaeaea;
    .inline-block();
    .border-radius(5px);
    float: left;
    box-sizing: border-box;
    margin-right:5px;
    overflow: hidden;
    .number-slider{
      position: absolute;
      top:0;
      left:0;
      width: 100%;
      .transition(all 0.5s ease);
      z-index: 1;
    }
    span{
      display: block;
      height: 75px;
      line-height: 75px;
      text-align: center;
      width: 100%;
      font-size:40px;
    }

    .number-bg{
      position: absolute;
      height: 100%;
      width: 100%;
      top:0;
      left:0;
      z-index: 2;
      display: block;
      background: url(./image/number-bg.png) no-repeat center center;
    }
  }
}

.ui-digital-min{
  height: 50px;
  .daohao{
    height: 50px;
  }
  .number-container{
    width: 30px;
    height: 50px;
    margin-right:2px;
    span{
      height: 50px;
      line-height: 50px;
      font-size:30px;
    }
  }
}